<ion-header>

    <ion-navbar color="primary">
        <ion-title>购物车</ion-title>
        <ion-buttons end>
            <button ion-button (tap)="isEdit=!isEdit">
      <span *ngIf="!isEdit">编辑</span>
      <span *ngIf="isEdit">完成</span>
    </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>


<ion-content>
    <div class="cart_spinner">
        <ion-spinner></ion-spinner>
    </div>

    <p style="text-align:center; padding-top:80px;">您购入车没有数据!</p>
    <dl class="cart_list">
        <dt>
              <ion-checkbox color="danger" (ionChange)="changeCarts()"></ion-checkbox>
              <img src="https://ss0.bdstatic.com/6ONWsjip0QIZ8tyhnq/it/u=1618097094,4154452434&fm=77&w_h=121_75&cs=423647557,799948659" />
            </dt>
        <dd>
            <h2 class="cart_title">111</h2>
            <div class="cart_info">
                <div class="cart_price">
                    ¥22元
                </div>
                <div class="cart_num">
                    <div class="input_left" (tap)="decCount()">-</div>
                    <div class="input_center">
                        <input type="text" readonly="readonly" name="num" id="num" />
                    </div>
                    <div class="input_right" (tap)="incCount()">+</div>
                </div>
            </div>
        </dd>
    </dl>
    <ion-datetime displayFormat="YYYY年MM月DD日 HH:mm" [(ngModel)]="myDate" doneText="确定" cancelText="取消"></ion-datetime>
</ion-content>
<ion-footer *ngIf="hasData">
    <ion-toolbar *ngIf="!isEdit" color="light">
        <div class="all_price" (tap)="checkAll()">
            <ion-checkbox disabled="true" color="danger" [(ngModel)]='isChencked'></ion-checkbox>
            全选 　<strong>合计:¥aa元</strong>
        </div>
        <ion-buttons end>
            <div color="danger" (tap)="doPay()" class="dopay">
                去结算
            </div>
        </ion-buttons>
    </ion-toolbar>

    <ion-toolbar *ngIf="isEdit" color="light">
        <div class="all_price" (tap)="checkAll()">
            <ion-checkbox disabled="true" color="danger" [(ngModel)]='isChencked'></ion-checkbox>
            全选
        </div>
        <ion-buttons end>
            <div color="danger" (tap)="doDelete()" class="dodelete">
                删除
            </div>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>